<template>
    <transition name="el-zoom-in-center" mode="out-in">
        <div class="sidebar no_sidebar" id="sidebar">
            <div class="pd16 side-more-ser">
                <i class="fa fa-list fa-style" aria-hidden="true"></i>
                <span class="more-service c-def">更多服务</span>
            </div>
            <div class="tree-menu clearfix">

                <ul v-for="menuItem in theModel" :key="menuItem.id">
                    <my-tree :model="menuItem" :level=0 :menuCode="menuItem.menuCode"></my-tree>
                </ul>
            </div>
            <div class="pd16 force-update" @click="updateNow" v-if="isSystemAccount">
                <span class="c-def">强制更新</span>
            </div>
        </div>
    </transition>
</template>

<script>
    import * as type from '../../store/types';
    var myData = [
//        {
//            'id': '1',
//            'menuName': '销售',
//            'menuCode': '0',
//            'children': [
//                {
//                    'menuName': '收银',
//                    'menuCode': '0,0',
//                    'index': '/cashierBill'
//                },
//                {
//                    'menuName': '开卡',
//                    'menuCode': '0,1',
//                    'index': '/memberInfo'
//                },
//                {
//                    'menuName': '充值',
//                    'menuCode': '0,2',
//                    'index': '/deposit'
//                },
//            ]
//        },
//        {
//            'id': '2',
//            'menuName': '采购',
//            'menuCode': '1',
//            'index': '/purchase'
//        },
//        {
//            'id': '3',
//            'menuName': '仓储',
//            'menuCode': '2',
//            'children': [
//                {
//                    'menuName': '复核',
//                    'menuCode': '2,0',
//                    'index': '/review'
//                },
//                {
//                    'menuName': '入库',
//                    'menuCode': '2,1',
//                    'index': '/storage'
//                },
//                {
//                    'menuName': '出库',
//                    'menuCode': '2,2',
//                    'index': '/delivery'
//                },
//                {
//                    'menuName': '调拨',
//                    'menuCode': '2,3',
//                    'index': '/allotBill'
//                },
//
//                {
//                    'menuName': '库存汇总',
//                    'menuCode': '2,4',
//                    'index': '/allReport'
//                },
//                {
//                    'menuName': '库存日报',
//                    'menuCode': '2,5',
//                    'index': '/dayReport'
//                },
                {
                    'menuName': '课程选择',
                    'menuCode': '2,6',
                    'index': '/setlessons'
                },
//            ]
//        },
//        {
//            'id': '4',
//            'menuName': '课程管理',
//            'menuCode': '3',
//            'children': [
                {
                    'menuName': '课程管理',
                    'menuCode': '3,0',
                    'index': '/lessons'
                },
//                {
//                    'menuName': '专业管理',
//                    'menuCode': '3,1',
//                    'index': '/activity'
//                },
//            ]
//        },
//        {
//            'id': '5',
//            'menuName': '经营分析',
//            'menuCode': '4',
//            'children': [
//                {
//                    'menuName': '库存汇总',
//                    'menuCode': '4,0',
//                    'index': '/allReport'
//                },
//                {
//                    'menuName': '库存日报',
//                    'menuCode': '4,1',
//                    'index': '/dayReport'
//                },
//                {
//                    'menuName': '库存月报',
//                    'menuCode': '4,2',
//                    'index': '/monthReport'
//                },
//                {
//                    'menuName': '收益报表',
//                    'menuCode': '4,3',
//                    'index': '/analysis',
//                },
//                {
//                    'menuName': '会员购买记录',
//                    'menuCode': '4,4',
//                    'index': '/bought'
//                },
//                {
//                    'menuName': '提成',
//                    'menuCode': '4,5',
//                    'index': '/report'
//                },
//            ]
//        },
//        {
//            'id': '6',
//            'menuName': '客户',
//            'menuCode': '5',
//            'children': [
//                {
//                    'menuName': '会员管理',
//                    'menuCode': '5,0',
//                    'index': '/membermanage'
//                },
//                {
//                    'menuName': '会员资产',
//                    'menuCode': '5,1',
//                    'index': '/bought'
//                },
//                {
//                    'menuName': '退卡管理',
//                    'menuCode': '5,2',
////                    'index': '/waterfall'
//                }
//            ]
//        },
//        {
//            'id': '7',
//            'menuName': '人员职位单位管理',
//            'menuCode': '6',
//            'children': [
                {
                    'menuName': '班级管理',
                    'menuCode': '6,0',
                    'index': '/organ'
                },
                {
                    'menuName': '职位管理',
                    'menuCode': '6,1',
                    'index': '/role'
                },
                {
                    'menuName': '人员管理',
                    'menuCode': '6,2',
                    'index': '/user'
                },
                {
                    'menuName': '寝室管理',
                    'menuCode': '6,3',
                    'index': '/dormitories'
                },
                {
                    'menuName': '考试安排',
                    'menuCode': '6,4',
                    'index': '/exam'
                },
//            ]
//        },
        {
            'id': '9',
            'menuName': '分数查询',
            'menuCode': '8',
            'index': '/score',
        }
    ];
    import myTree from './menu/treeMenu.vue'
    export default {
        name: 'keepalive-false',
        components: {
            myTree
        },
//        http://192.168.1.136:8081/shop/pub/posts/child?id=47a8c8ea-e593-43e6-b339-f85456f181ff&status=0,1&_search=false&nd=1493882057617&rows=20&page=1&sidx=id&sord=desc&_=1493882034402
        created: function () {
//            this.getChildren();
        },
        data() {
            return {
                theModel: myData,
                currentColumn: '',
            }
        },
        watch: {
            add(){
            },
            delete(){
            }
        },
        computed: {
            add(){
                if (this.$store.state.categoryAdd) {
                    this.getChildren();
                    this.$store.commit(type.CATEGORY_ADD, '');
                }
            },
//            delete(){
//                if (this.$store.state.categoryDelete) {
//                    this.getChildren();
////                    this.$store.commit(type.CATEGORY_DELETE, '');
//                }
//            }
            isSystemAccount(){
                let username = JSON.parse(localStorage.getItem("currentUser")).account;
//            console.log(this.currentUser)
//            this.name = this.currentUser.name;
//                let username = this.$store.state.username;
                if(username=="system"){
                    return true;
                }else{
                    return false;
                }
            },
        },
        methods: {

            updateNow(){
//                alert(3)
                this.$ws.send("*update*");
            },
            getChildren(){
                let self = this;
                this.$axioxs.get("/category/getAllChileCategoryNotWithSelf-filter-organ")
                    .then(function (res) {
                        if (res.data[0]) {
                            self.theModel.splice(8, 1);
                            console.log(res.data[0])
                            let item = res.data[0];
                            item.menuName = item.name;
                            item.menuCode = self.theModel.length + 1 + '';
                            item.index = '/mainColumn';
//                            item.item = item;
                            self.editorChildren(item);
                            self.theModel.push(item);
                            console.log(111111111111)
                            console.log(self.theModel)
                        }
                    })
            },
            editorChildren(item){
                for (var i = 0; i < item.children.length; i++) {
                    let ichild = item.children[i]
                    ichild.menuName = ichild.name;
                    ichild.menuCode = item.menuCode + ',' + i;
                    ichild.index = '/mainColumn';
//                    ichild.item = ichild;
                    if (ichild.children.length) {
                        this.editorChildren(ichild)
                    }else{
                        delete ichild.children
                    }
                }
            }
        },

    }
</script>
<style>
    ::-webkit-scrollbar {
        width: 0px;
        color: red
    }

    .sidebar {
        display: block;
        position: absolute;
        width: 250px;
        left: 0;
        top: 50px;
        bottom: 0;
        overflow: auto;
        background: #303030;
    }

    .sidebar > ul {
        height: 100%;
    }

    .tree-menu-more {
        background: #e0e0e0;
        color: #000;
    }

    .sidebar .more-service {
        padding-left: 6px;
    }

    .sidebar .tree-menu {
        margin-top: 40px;
        background: #303030;
        color: #303030;
        z-index: 1;
    }

    .sidebar li:hover {
        cursor: default;
    }

    .sidebar .fa-style {
        color: #666;
        vertical-align: inherit;
    }

    .sidebar .side-more-ser {
        width: 100%;
        height: 40px;
        line-height: 40px;
        position: fixed;
        padding-left: 16px;
        background: #dbdbdb;
        z-index: 2;
    }
    .c-def{
        cursor: default;
    }
    .force-update{
        border-bottom: 0.5px solid #44474c;
        line-height: 40px;
        color: #fff;
    }
</style>
